<div class="container" id="TenantRegister">
    <div class="row reg-content fadeInUp">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <h3 class="text-center">学校注册</h3>
                <div class="row">
                    <div class="col-md-10 col-md-offset-2">
                            <form class="form-horizontal reg-box" method="post" name="TenantForm" novalidate="novalidate" ng-if="!RegisterForm"  >
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.TenantName.$valid,'has-error':TenantForm.TenantName.$invalid&&TenantForm.TenantName.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>学校名称:</label>
                                    <div class="col-md-6">
                                        <input class="form-control" id="TenantName" name="TenantName" type="text" required placeholder="请输入学校名称"  ng-model='Tenant.tenantName'/>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.TenantName.$valid,'glyphicon-remove':TenantForm.TenantName.$invalid&&TenantForm.TenantName.$dirty}" ></span>
                                    </div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.TenantType.$valid,'has-error':TenantForm.TenantType.$invalid&&TenantForm.TenantType.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>学校类型:</label>
                                    <div class="col-md-6">
                                        <select class="form-control" id="TenantType" name="TenantType" required  ng-options="x.id as x.tenantTypeName for x in TenantTypeList" ng-model='Tenant.tenantTypeId' >
                                            <option value="" selected disabled hidden>请输入学校类型</option>
                                        </select>
                                        <!--<span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':Form.TenantType.$valid,'glyphicon-remove':Form.TenantType.$invalid&&Form.TenantType.$dirty}" ></span>-->
                                        <!--<input type="text" name="Tenant_type" class="form-control domain-input" placeholder="请输入学校类型" required>-->
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.ContactName.$valid,'has-error':TenantForm.ContactName.$invalid&&TenantForm.ContactName.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系人:</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="ContactName" id="ContactName" placeholder="请输入联系人" required ng-model='Tenant.ContactName'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.ContactName.$valid,'glyphicon-remove':TenantForm.ContactName.$invalid&&TenantForm.ContactName.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.identityCard.$valid,'has-error':TenantForm.identityCard.$invalid&&TenantForm.identityCard.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系人身份证号:</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="identityCard" id="identityCard" placeholder="请输入身份证号" required ng-model='Tenant.identityCard'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.identityCard.$valid,'glyphicon-remove':TenantForm.identityCard.$invalid&&TenantForm.identityCard.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Job.$valid,'has-error':TenantForm.Job.$invalid&&TenantForm.Job.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系人职务:</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="Job" id="Job" placeholder="职务" required ng-model='Tenant.Job'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Job.$valid,'glyphicon-remove':TenantForm.Job.$invalid&&TenantForm.Job.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Telephone.$valid,'has-error':TenantForm.Telephone.$invalid&&TenantForm.Telephone.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>联系电话:</label>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <input type="text" class="form-control mobile" name="Telephone" placeholder="请输入手机" required ng-model='Tenant.Telephone' ng-change="checkPhoneNum(Tenant.Telephone)">
                                            <span class="input-group-btn">
                                                <button class="btn" ng-click="getMobileMsg(Tenant.Telephone)" ng-disabled="SecondFlag">{{Second==0||Second==60?'获取手机验证码':Second<10?'0'+Second+'秒后重新获取':Second+'秒后重新获取'}}</button>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.MobileMsg.$valid,'has-error':TenantForm.MobileMsg.$invalid&&TenantForm.MobileMsg.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>手机验证码:</label>
                                    <div class="col-md-6">
                                        <input class="form-control" id="MobileMsg" name="MobileMsg" type="text" required placeholder="请输入手机验证码"  ng-model='Tenant.MobileMsg'/>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.MobileMsg.$valid,'glyphicon-remove':TenantForm.MobileMsg.$invalid&&TenantForm.MobileMsg.$dirty}" ></span>
                                    </div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Email.$valid,'has-error':TenantForm.Email.$invalid&&TenantForm.Email.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>邮箱:</label>
                                    <div class="col-md-6">
                                        <input type="email" class="form-control" name="Email" placeholder="请输入邮箱" required ng-model='Tenant.email'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Email.$valid,'glyphicon-remove':TenantForm.Email.$invalid&&TenantForm.Email.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>是否公立学校：</label>
                                    <div class="col-md-6 radio-wrap">
                                        <label class="radio-inline">
                                            <input type="radio" name="publicSchool" ng-value="true" ng-model="Tenant.publicSchool">是
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="publicSchool" ng-value="false" ng-model="Tenant.publicSchool">否
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">学校Logo：</label>
                                    <div class="col-md-6">
                                        <input type="file" nv-file-select="" uploader="uploader" multiple  />
                                        <div ng-repeat="item in uploader.queue">
                                            <div ng-show="uploader.isHTML5" ng-thumb="{ file: item._file, height: 100 }"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Remark.$valid,'has-error':TenantForm.Remark.$invalid&&TenantForm.Remark.$dirty}">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>备注:</label>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control" name="Remark" id="Remark" placeholder="备注" required ng-model='Tenant.Remark'>
                                        <span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Remark.$valid,'glyphicon-remove':TenantForm.Remark.$invalid&&TenantForm.Remark.$dirty}" ></span>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>
                                <!--<div class="form-group has-feedback" ng-class="{'has-success':TenantForm.Host.$valid,'has-error':TenantForm.Host.$invalid&&TenantForm.Host.$dirty}">-->
                                    <!--<label class="col-md-2 control-label"><em class="must-point">*</em>域名:</label>-->
                                    <!--<div class="col-md-6">-->
                                        <!--<input class="form-control" id="Host" name="Host" type="url" required placeholder="请输入域名(http://www.xxx.com)" ng-model='Tenant.Host'/>-->
                                        <!--<span class="glyphicon form-control-feedback" aria-hidden="true" ng-class="{'glyphicon-ok':TenantForm.Host.$valid,'glyphicon-remove':TenantForm.Host.$invalid&&TenantForm.Host.$dirty}" ></span>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <div class="form-group has-feedback"  ng-class="{'has-success':TenantForm.verifyCode.$valid && ImageCodeVerifyResult==0,'has-error':TenantForm.verifyCode.$invalid && TenantForm.verifyCode.$dirty || ImageCodeVerifyResult != 0 && TenantForm.verifyCode.$dirty }">
                                    <label class="col-md-2 control-label"><em class="must-point">*</em>验证码:</label>
                                    <div class="col-md-6 yzm-content">
                                        <input type="text" name="verifyCode" class="form-control" placeholder="请输入验证码" required ng-model="Tenant.verifyCode" ng-change="VerifyImageCode(Tenant)">
                                    </div>
                                    <div class="col-md-4">
                                        <img ng-src="{{img}}" alt="验证码" ng-click="getVerifyImage()">
                                    </div>
                                </div>
                                <!--<div class="form-group has-feedback">-->
                                    <!--<div class="col-md-6 col-md-offset-2">-->
                                        <!--<div class="checkbox">-->
                                            <!--<label>-->
                                                <!--<input type="checkbox" name="agree" required ng-model="Tenant.check">我已阅读并接受-->
                                            <!--</label>-->
                                            <!--<a href="#" data-toggle="modal" data-target="#regModal">《微学堂服务使用协议》</a>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="col-md-4"></div>-->
                                <!--</div>-->
                                <div class="form-group">
                                    <div class="col-md-offset-2 col-md-6">
                                        <div class="text-center mt reg-btn">
                                            <button ng-click="submitTenantForm(Tenant)" class="btn btn-primary" ng-disabled="TenantForm.$invalid || ImageCodeVerifyResult != 0">申请入驻</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>